@use '@/assets/scss/variables' as *;
html,
body {
    width: 100%;
    margin: 0 auto;
}
body {
    font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
  }

  /**a标签样式重写**/
  a {
    color: $primary-color;
    text-decoration: none;
    cursor: pointer;
    &:hover {
      color: $secondary-color;
    }
  }

  ul {
    list-style: none;
  }
  li {
    list-style: none;
  }

/** 添加全局动画**/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-5px);
  }

  100% {
    transform: translateY(0px);
  }
}

.float-animation {
  animation: float 3s ease-in-out infinite;
}

/** element-plus 抽屉头部样式重写 **/
.custom-drawer-header{
   background: $primary-color;
   color: white!important;
   padding-bottom: 14px!important;
 }

 // 分页样式
.pagination-container {
  display: flex;
  justify-content: center;
  
  // 设置页码样式
  .circle-pagination{
    /* 所有分页按钮 */
    .btn-prev,
      .btn-next,
      .number {
        min-width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50% !important;
        margin: 0 3px;
      }

      /* 当前选中状态 */
      .number.is-active {
        background: $primary-color;
        color: white;
      }

       /* 页码省略号 */
      .el-icon.more.btn-quicknext,
      .el-icon.more.btn-quickprev {
        border-radius: 50%;
      }


      
  }
}

